<template>
    <div class="finishxq">

    <div class="finishxq-title">线切已完成机台</div>   
    

    <div class="finishxq-table" v-for="item of tableList"></div> 
    
    <div class="finishxq-data-wrapper">
          <ul class="finishxq-data">
               <li class="tab-content" v-for="item of list" :key="item.id">{{item.count}}</li>
          </ul>
    </div>

            
    </div>
</template>
<script>
export default {
  props:{
     list:Array
  },
  data () {
    return {
        tableList:["1","2","3","4","5","6","7","8"]
        // list:[
        //    {
        //      id:"0001",
        //      count:"sssss"
        //    },
        //    {
        //      id:"0002",
        //      count:"sssss"
        //    }
        //    ,
        //    {
        //      id:"0003",
        //      count:"ssee"
        //    }
        // ]
    }
  }
}
</script>
<style  scoped>

.finishxq{
   width:266px;
   position:relative
}
    
.finishxq-title{
    width:266px;
    height:54px;
    border:1px solid #26aab7;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    box-sizing:border-box;
    text-align:center;
    line-height:54px;
    font-size:26px;
    color:#fff;
}
    
.finishxq-table{
    height:54px;
     border-left:1px solid #26aab7;
     border-right:1px solid #26aab7;
     border-bottom:1px solid #26aab7;
     box-sizing:border-box;
}
         
.finishxq-table:nth-child(9){
     border-bottom-right-radius:5px;
     border-bottom-left-radius:5px;
}
        
.finishxq-data-wrapper{
    width:100%;
    position:absolute;
    top:54px;
    height:432px;
    overflow:hidden;
}
         
                
.finishxq-data{
    width:100%;
    height:54px;
    line-height:54px;
    text-align:center;
    font-size:24px;
    color:#26aab7;
}
              
        
</style>